<!DOCTYPE html>
<html lang="en" class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Edit Finance</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" th:href="@{/css/font.css}">
<link rel="stylesheet" th:href="@{/css/xadmin.css}">
<script type="text/javascript" th:src="@{/lib/layui/layui.js}"
	charset="utf-8"></script>
<script type="text/javascript" th:src="@{/js/xadmin.js}"></script>
</head>
<body>
	<div class="layui-fluid">
		<div class="layui-row">
			<form class="layui-form">
				<div class="layui-form-item" style="display: none">
					<label for="financeNo" class="layui-form-label"> <span
						class="x-red">*</span>订单编号
					</label>
					<div class="layui-input-inline">
						<input type="text" id="afterSaleServiceNo" name="financeNo"
							required="" lay-verify="financeNo" autocomplete="off"
							class="layui-input" th:value="${finance.financeNo}">
					</div>
				</div>

				<div class="layui-form-item">
					<label for="indentNo" class="layui-form-label">商品编号</label>
					<div class="layui-input-inline" style="width: 66%;">
						<select name="goods.goodsNo" id="goodsNo" lay-verify="goodsNo">
							<option value="">[[${finance.goods.goodsNo}]]</option>
						</select>
					</div>
				</div>


				<div class="layui-form-item">
					<label for="saleVolumeAmount" class="layui-form-label"><span
						class="x-red">*</span>商品销售量</label>
					<div class="layui-input-inline">
						<input type="text" id="saleVolumeAmount" name="saleVolumeAmount"
							required="" lay-verify="number" autocomplete="off"
							class="layui-input" th:value="${finance.saleVolumeAmount}">
					</div>
				</div>

				<div class="layui-form-item">
					<label for="profit" class="layui-form-label"> <span
						class="x-red">*</span>商品盈利
					</label>
					<div class="layui-input-inline">
						<input type="text" id="profit" name="profit" required=""
							lay-verify="number" autocomplete="off" class="layui-input"
							th:value="${finance.profit}">
					</div>
				</div>
				
				
				<div class="layui-form-item">
					<label for="L_repass" class="layui-form-label"></label>
					<button id="L_repass" class="layui-btn" lay-filter="edit"
						lay-submit="">修改</button>
				</div>
			</form>
		</div>
	</div>


	<script type="text/javascript">
		layui.use([ 'form', 'layedit', 'laydate', 'jquery' ],
				function() {
					$ = layui.jquery;
					var form = layui.form, layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate;
					$.get("/finance/goodsList", {}, function(
							data) {
						var list = data;
						var select = document.getElementById('goodsNo');
						if (list != null || list.size() > 0) {
							for ( var c in list) {
								var option = document.createElement("option");
								option.setAttribute("value",list[c].goodsNo);
								option.innerText = list[c].goodsNo;
								select.appendChild(option)
							}
						}
						form.render('select');
					}, "json");
					//监听提交
					form.on('submit(edit)', function(data) {
						console.log(data.field)
						$.ajax({
							url : "/finance/edit",
							method : 'post',
							data : data.field,
							dataType : 'JSON',
							success : function(res) {
								if (res.code === 0) {
									//弹出提示，并在1秒后进行跳转
									layer.alert("修改成功", {
										icon : 6
									}, function() {
										//关闭当前frame
										xadmin.close();
										// 可以对父窗口进行刷新
										xadmin.father_reload();
										return false;
									});
								} else {
									layer.msg("修改失败:" + res.msg);
									return false;
								}
							}
						});
						return false;
					});
				})
	</script>


</body>
</html>